
//柱状图（列旋转标签 ）参照HighChart的API文档中的例子column-rotated-labels
function showColumnChart(xTitle, yTitle, xList, yList, tipText) {
    $('#result').highcharts({
        chart: {
            type: 'column', //图表类型为：柱状图
            margin: [50, 50, 100, 80] //设置图表与其他元素之间的间距
        },
        title: { //图表的主标题
            text:""
        },

        lang: {
              printChart: "导出图片",
              downloadJPEG:"下载JPEG图片",
              downloadPDF:"下载PDF文档",
              downloadPNG:"下载PNG图片",
              downloadSVG:"下载SVG矢量图"
             },

        xAxis: {//X轴
            categories: xList, //坐标值
            title: {//X轴坐标标题 
                text: xTitle
            },
            labels: {//X轴标尺
                rotation: -20, //倾斜度45
                align: 'right', //设置位置
                style: {
                    fontSize: '13px',
                    fontFamily: 'Verdana, sans-serif'
                }
            }
        },
        yAxis: {//Y轴
            min: 0, //起始值
            title: {//Y轴坐标标题 
                text: yTitle
            }
        },
        legend: {//图例位置样式
            enabled: false //未启用
        },
        tooltip: {//提示信息
            formatter: function() {//当鼠标悬置数据点时的格式化提示
            return '<b>' + this.x + '</b><br/>' + tipText+
                    ': ' + this.y;
            }
        },
        series: [{//数据列选项用于设置图表中要展示的数据相关的属性
            data: yList, //显示在图表中的数据列，可以为数组或者JSON格式的数据
            dataLabels: {
                enabled: true,
                style: {
                    fontWeight: 'bold'
                },
                formatter: function() {//每列的值
                    return this.y;
                }
            }
}]
        });
    }


    //柱状图百分率表示
    function showColumnChartPercentage(xTitle, yTitle, xList, yList, tipText) {
        $('#result').highcharts({
            chart: {
                type: 'column', //图表类型为：柱状图
                margin: [50, 50, 100, 80] //设置图表与其他元素之间的间距
            },
            title: { //图表的主标题
                text: ""
            },
            xAxis: {//X轴
                categories: xList, //坐标值
                title: {//X轴坐标标题 
                    text: xTitle
                },
                labels: {//X轴标尺
                    rotation: -45, //倾斜度45
                    align: 'right', //设置位置
                    style: {
                        fontSize: '13px',
                        fontFamily: 'Verdana, sans-serif'
                    }
                }
            },
            yAxis: {//Y轴
                min: 0, //起始值
                title: {//Y轴坐标标题 
                    text: yTitle
                }
            },
            legend: {//图例位置样式
                enabled: false //未启用
            },
            tooltip: {//提示信息
                formatter: function() {//当鼠标悬置数据点时的格式化提示
                    return '<b>' + this.x + '</b><br/>' + tipText +
                    ': ' + this.y+"%";
                }
            },
            series: [{//数据列选项用于设置图表中要展示的数据相关的属性
                data: yList, //显示在图表中的数据列，可以为数组或者JSON格式的数据
                dataLabels: {
                    enabled: true,
                    style: {
                        fontWeight: 'bold'
                    },
                    formatter: function() {//每列的值
                        return this.y+"%";
                    }
                }
}]
            });
        }
